<script>

export default putStorageDetails;
import putStorageDetails from "./index";

</script>
<!--src 引用css样式-->
<style src="./index.css" lang="css"></style>

<template>
  <div>
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/putStorage' }">销售出库</el-breadcrumb-item>
      <el-breadcrumb-item>销售出库订单查看</el-breadcrumb-item>
    </el-breadcrumb>
    <el-divider></el-divider>

    <PutstorageInfo :put-stotage-info="putStotageInfo"></PutstorageInfo>
    <el-divider></el-divider>

    <div class="table-box">
      <el-table
          :data="tableData"
          style="width: 100%"
          @selection-change="selectChange">

        <el-table-column
            prop="id"
            label="序号"
            width="180" align="center">
        </el-table-column>
        <el-table-column
            prop="productCode"
            label="商品编号"
            width="180" align="center">
        </el-table-column>
        <el-table-column
            prop="productName"
            label="商品名称"
            width="180" align="center">
        </el-table-column>
        <el-table-column
            prop="productColor"
            label="商品颜色" align="center">
        </el-table-column>
        <el-table-column
            prop="purchaseNum"
            label="采购数量" align="center">
        </el-table-column>
        <el-table-column
            prop="putStorageNum"
            label="入库数量" align="center">
        </el-table-column>
        <el-table-column
            prop="intoState"
            label="录入状态" align="center">
        </el-table-column>
        <el-table-column>
          <template v-slot="obj">
            <el-button type="success" size="mini" style="margin-top:-20px" @click="inputImel(obj.row)" v-if="obj.row.intoState===0||obj.row.putStorageNum<obj.row.purchaseNum">录入</el-button>
            <el-button type="info" size="mini" style="margin-top:-20px" @click="inputImel(obj.row)" v-if="obj.row.intoState===1&&obj.row.putStorageNum>=obj.row.purchaseNum">查看</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-divider></el-divider>




    </div>
    <div class="page-box">
      <el-pagination
          background
          layout="prev, pager, next"
          :current-page="this.searchParams.currentPage"
          :page-size="this.searchParams.pageSize"
          @current-change="currentPageChange"
          :total="total" align="right">
      </el-pagination>
    </div>
  </div>
</template>
